﻿/* Malheur Styles */
:root {
    --county-black: rgb(50, 50, 50);
    --county-gray: rgb(225, 225, 225);
    --county-transparent-light: rgb(255,255,255, 0.3);
    --county-transparent-dark: rgb(0,0,0,0.5);
    --county-transparent-dark2: rgb(0,0,0,0.1);
    --county-white: rgb(250,250,250);
}

#website-body {
    --banner-image-width: 125px;
    --banner-image-width-small: 100px;
    --banner-background-color: var(--county-black);
    --banner-foreground-color: var(--county-white);
    --banner-foreground-color-helion: var(--county-gray);
    --sidebar-background-color: var(--county-gray);
    --sidebar-background-color-top-row: var(--county-black);
    --sidebar-link-background-color-hover: var(--county-transparent-dark);
    --sidebar-link-foreground-color: var(--county-black);
    --sidebar-link-foreground-color-top-row: var(--county-transparent-light);
}

    #website-body .page main .top-row a:hover,
    #website-body .page main .top-row button:hover {
        background-color: var(--county-transparent-dark2);
    }